<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">
  <ul class="nav">
	<li>
	 <font face="微软雅黑" size="7" color="#FFCCCC">“柿</font>
	<font face="微软雅黑" size="7" color="#FFCCCC">柿</font>
	<font face="微软雅黑" size="8" color="#FFCCFF">百</font>
	<font face="微软雅黑" size="8" color="#FFCCFF">科”</font></li>
  <li><a href="首页.html"><font color="#000000">首页</font></a></li>
   <li><a href="柿饼文化.html"><font color="#000000">柿饼文化</font></a></li>
   <li><a href="柿饼推荐.html"><font color="#000000">柿饼推荐</font></a></li>
   <li><a href="柿柿社区.html"><font color="#000000">柿柿社区</font></a></li>
   </ul>
   </div>
   <link href="css/jdh.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="js/jjs.js" type="text/javascript"></script>
    <div id="imgbox">
        <ul id="img">
            <li><img src="images/S1.webp" alt="" /></li>
            <li><img src="images/S7.webp" alt=""/> </li>
            <li><img src="images/S6.webp" alt=""/></li>
            <li><img src="images/S3.webp" alt=""/></li>
        </ul>
        <ul id="num">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </div>
    <!--box begin-->
    <div id="box">
    <div style="text-align:center">
    <p><font size="5" face="Arial, Helvetica, sans-serif" align="center">这里是柿柿百科，欢迎你的到来!</font></p></div></div>
    <!--box begin-->
    <div class="box_2">
    <img src="images/首页2.jpg" width="500px" height="500px" alt="" align="left" hspace="12" vspace="12"/><div>
    <div class="news">
    <p align="center">
    <font face="微软雅黑" size="7" color="#FFCCCC">目</font>
    <font face="微软雅黑" size="7" color="#FFCCCC">录</font>
   </p>
    <ul>
    <li><a href="柿饼简介.html">1、柿饼简介</a></li> 
    <li><a href="柿饼种类.html">2、柿饼种类</a></li> 
    <li><a href="制作方法.html">3、制作方法</a></li> 
    <li><a href="营养分析.html">4、营养分析</a></li> 
   <li><a href="食用方法与食用禁忌.html">5、食用方法与食用禁忌</a></li> 
    <li><a href="食用功效.html">6、食用功效</a></li> 
 <li><a href="食物相克.html">7、食物相克</a></li> 
    </ul>
   </div>
   <div class="book">
   <h2>精选图片</h2></div>
   <hr color="#ccc" width="1200px" margin="0 auto 7px" text-align="center"/>
   </div>
   <div style="margin-top:30px;width:1200px;" >
   <div class="inline"><img src="images/S4.webp" width="150px" height="200px"/></div>
   <div class="inline"><img src="images/S8.jpg" width="150px" height="200px"/></div>
   <div class="inline"><img src="images/1.jpg" width="150px" height="200px"/></div>
   <div class="inline"><img src="images/2.jpg" width="150px" height="200px"/></div>
   <div class="inline"><img src="images/3.jpg" width="150px" height="200px"/></div></div>
   </div>
   <!--footer begin-->
   <div id="footer">
    <div style="text-align:center">
    <p><font size="3" face="Arial, Helvetica, sans-serif" align="center">“柿柿百科”  版权所有</font></p>
   <p><font size="3" face="Arial, Helvetica, sans-serif" align="center"> Copyright Shi Shi Bai Ke All Rights Reserved</div></div>
   <!--footer end-->
    </div>
    </div>
</body>
</html>